Qt三种方式实现背景色和背景图(都可放缩,qss方式也可以) 您所在的位置:网站首页 背景图片纯色 灰色怎么弄 Qt三种方式实现背景色和背景图(都可放缩,qss方式也可以)

Qt三种方式实现背景色和背景图(都可放缩,qss方式也可以)

2024-07-10 08:22| 来源: 网络整理| 查看: 265

前言:窗口背景无非两种,及背景颜色、背景图片。Qt中窗口背景如何设置?总结以下三种方法。

 

1、QPalette设置背景

2、实现paintEvent,使用QPainter来绘制背景

3、使用QSS来设置背景

---------------------------------------------------------------

关于QSS(样式表)的使用不想多说,一般我不用QSS设置窗口背景,也不建议使用。(注意:这里是对于窗口而言)。如果是子部件当然可以。因为窗口使用QSS设置背景之后,若子部件不使用同样的方式来设置,默认则会继承父窗口的样式。

     子部件一般情况下也不需要设置背景图片,即使需要使用QSS也完全可以满足。设置较多的是背景色与图标,QSS中使用background或者background-color的方式可以实现背景色的设置,图标则可以使用setPixmap或者setIcon来设置!

----------------------------------------------------------------------

一、QPalette设置背景

构造函数中可以使用如下方式:

1)设置背景色

 

QPalette palette(this->palette());

palette.setColor(QPalette::Background, Qt::black);

this->setPalette(palette);

 

或:

 

QPalette palette;

palette.setBrush(this->backgroundRole(), Qt::black);

this->setPalette(palette); 

 

这里setColor和setBrush都可以使用!

这里需要特别注意一点,如果QWidget直接show出来,是有背景色的,但是如果它作为一个父QWidget的子窗口时就没有背景了!此时需要添加如下代码:

 

setAutoFillBackground(true);

 

2)设置背景图片

 

QPixmap pixmap = QPixmap(":/qm/safe").scaled(this->size());

QPalette palette(this->palette());

palette.setBrush(QPalette::Background, QBrush(pixmap));

this->setPalette(palette);

 

上面方式无论设置背景色还是背景图片QPalette::Background与this->backgroundRole()是等价的!

 

二、paintEvent设置背景

1)设置背景色

 

void IIIMark::paintEvent(QPaintEvent *)

{

     QPainter painter(this);

     painter.setBrush(Qt::black);

     painter.drawRect(this->rect());

}

 

2)设置背景图片

 

void IIIMark::paintEvent(QPaintEvent *)

{

     QPixmap pixmap = QPixmap(":/qm/safe").scaled(this->size());

     QPainter painter(this);

     painter.drawPixmap(this->rect(), pixmap);

}

 

 

三、QSS(样式表)设置背景

 

1)设置背景颜色

 

MainWin::MainWin(){this->setStyleSheet("background-color: yellow");iLabel = new QLabel(this);iLabel->setStyleSheet("background-color: rgba(97%,80%,9%,50%)");}

 

2)设置背景图片

 

MainWin::MainWin(){this->setStyleSheet("background-image:url(:/bmp/IMG_0345.JPG)");iLabel = new QLabel(this);iLabel->setStyleSheet("background-image:url(:/bmp/1257253475842.jpg)");}

---------------------------------------------------------------

注意:

  (1)以上都是用scaled方式对图片进行了适应窗口大小的设置,因为所给的图片大小不一定满足要求,所以采用此方式!当然图片经过拉伸或者压缩之后会变形(纯色图片除外),所以对图片采用此方式时需要注意。

  (2)设置背景范围的时候如果需要充满整个窗口最好使用this->rect(),因为我看到很多人在使用QRect(0, 0, 400, 400)之类的语句,那么如果窗口大小改变了呢?此句是不是要跟着变呢?

  (3)如果需要背景图片或者背景色随可以发生改变时,也就是所谓的换肤功能,则采用paintEvent的方式,在需要改变的时候使用update()来进行更新。

  (4)this->setAutoFillBackground(true)又让我想起了tr(),被很多人滥用。这句话在什么时候使用呢?不妨采用QPalette设置背景的方式加上与去掉这句话对比一下(在有父窗口的情况下使用)。如果这个QWidget直接show,则有背景色,如果放到一个父窗口中,就没有效果。添加该句即可! 

-----------------------------

对比几种方法:前两种可以轻松实现图像的缩放(使用scaled函数),而按照上面使用QSS样式表设置background-image的方式却不能实现,若使用样式表实现静态图像的缩放可以设置border-image属性:

设置窗口背景 - dingmz_frc - dingmz_frc的博客

或代码中:

 

setStyleSheet(QString::fromUtf8("border-image: url(:/png/example.png)"));

这样当窗口大小改变时图像也会随着缩放。

 

原文章:http://blog.163.com/dingmz_frcmyblog/blog/static/21730402320141115552592/



【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有